<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
	pageContext.setAttribute("basePath", basePath);
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">

<title>Smart Link</title>

<!-- Bootstrap Core CSS -->
<link href="${basePath}css/bootstrap.min.css" rel="stylesheet">


<!-- Custom CSS -->
<link href="${basePath}css/sb-admin.css" rel="stylesheet">

<!-- Morris Charts CSS -->
<link href="${basePath}css/plugins/morris.css" rel="stylesheet">

<!-- Custom Fonts -->
<link href="${basePath}font-awesome/css/font-awesome.min.css"
	rel="stylesheet" type="text/css">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.${basePath }js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>

	<div id="wrapper">

		<!-- Navigation -->
		<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
		<!-- Brand and toggle get grouped for better mobile display -->
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse"
				data-target=".navbar-ex1-collapse">
				<span class="sr-only">Toggle navigation</span> <span
					class="icon-bar"></span> <span class="icon-bar"></span> <span
					class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="index">Smart Link</a>
		</div>
		<!-- Top Menu Items -->
		<ul class="nav navbar-right top-nav">
			<li class="dropdown"><a href="#" class="dropdown-toggle"
				data-toggle="dropdown"><i class="fa fa-envelope"></i> <b
					class="caret"></b></a>
				<ul class="dropdown-menu message-dropdown">
					<li class="message-preview"><a href="#">
							<div class="media">
								<span class="pull-left"> <img class="media-object"
									src="http://placehold.it/50x50" alt="">
								</span>
								<div class="media-body">
									<h5 class="media-heading">
										<strong>John Smith</strong>
									</h5>
									<p class="small text-muted">
										<i class="fa fa-clock-o"></i> Yesterday at 4:32 PM
									</p>
									<p>Lorem ipsum dolor sit amet, consectetur...</p>
								</div>
							</div>
					</a></li>
					<li class="message-preview"><a href="#">
							<div class="media">
								<span class="pull-left"> <img class="media-object"
									src="http://placehold.it/50x50" alt="">
								</span>
								<div class="media-body">
									<h5 class="media-heading">
										<strong>John Smith</strong>
									</h5>
									<p class="small text-muted">
										<i class="fa fa-clock-o"></i> Yesterday at 4:32 PM
									</p>
									<p>Lorem ipsum dolor sit amet, consectetur...</p>
								</div>
							</div>
					</a></li>
					<li class="message-preview"><a href="#">
							<div class="media">
								<span class="pull-left"> <img class="media-object"
									src="http://placehold.it/50x50" alt="">
								</span>
								<div class="media-body">
									<h5 class="media-heading">
										<strong>John Smith</strong>
									</h5>
									<p class="small text-muted">
										<i class="fa fa-clock-o"></i> Yesterday at 4:32 PM
									</p>
									<p>Lorem ipsum dolor sit amet, consectetur...</p>
								</div>
							</div>
					</a></li>
					<li class="message-footer"><a href="#">Read All New
							Messages</a></li>
				</ul></li>
			<li class="dropdown"><a href="#" class="dropdown-toggle"
				data-toggle="dropdown"><i class="fa fa-bell"></i> <b
					class="caret"></b></a>
				<ul class="dropdown-menu alert-dropdown">
					<li><a href="#">Alert Name <span
							class="label label-default">Alert Badge</span></a></li>
					<li><a href="#">Alert Name <span
							class="label label-primary">Alert Badge</span></a></li>
					<li><a href="#">Alert Name <span
							class="label label-success">Alert Badge</span></a></li>
					<li><a href="#">Alert Name <span class="label label-info">Alert
								Badge</span></a></li>
					<li><a href="#">Alert Name <span
							class="label label-warning">Alert Badge</span></a></li>
					<li><a href="#">Alert Name <span
							class="label label-danger">Alert Badge</span></a></li>
					<li class="divider"></li>
					<li><a href="#">View All</a></li>
				</ul></li>
			<li class="dropdown"><a href="#" class="dropdown-toggle"
				data-toggle="dropdown"><i class="fa fa-user"></i> John Smith <b
					class="caret"></b></a>
				<ul class="dropdown-menu">
					<li><a href="#"><i class="fa fa-fw fa-user"></i> Profile</a></li>
					<li><a href="#"><i class="fa fa-fw fa-envelope"></i> Inbox</a>
					</li>
					<li><a href="#"><i class="fa fa-fw fa-gear"></i> Settings</a>
					</li>
					<li class="divider"></li>
					<li><a href="#"><i class="fa fa-fw fa-power-off"></i> Log
							Out</a></li>
				</ul></li>
		</ul>
		<!-- Sidebar Menu Items - These collapse to the responsive navigation menu on small screens -->
		<div class="collapse navbar-collapse navbar-ex1-collapse">
			<ul class="nav navbar-nav side-nav">
				<li class="active"><a href="./index"><i
						class="fa fa-fw fa-dashboard"></i> 首页</a></li>
				<li><a href="javascript:;" data-toggle="collapse"
					data-target="#classroom"><i class="fa fa-fw fa-desktop"></i>
						教室管理 <i class="fa fa-fw fa-caret-down"></i></a>
					<ul id="classroom" class="collapse">
						<li><a href="./showClassroomList">查看教室</a></li>
						<li><a href="./showAddClassroomForm">添加教室</a></li>
					</ul></li>
				<li><a href="javascript:;" data-toggle="collapse"
					data-target="#user"><i class="fa fa-fw fa-arrows-v"></i> 用户管理 <i
						class="fa fa-fw fa-caret-down"></i></a>
					<ul id="user" class="collapse">
						<li><a href="getAddUserForm">添加用户</a></li>
						<li><a href="#">用户列表</a></li>
					</ul></li>

			</ul>
		</div>
		<!-- /.navbar-collapse --> </nav>

		<div id="page-wrapper">

			<div class="container-fluid">

				<!-- Page Heading -->
				<div class="row">
					<div class="col-lg-12">
						<h1 class="page-header">
							Smart Link <small></small>
						</h1>
						<ol class="breadcrumb">
							<li class="active"><i class="fa fa-dashboard"></i> 首页</li>
						</ol>
					</div>
				</div>
				<!-- /.row -->
				<!-- /.row -->


				<!-- /.row -->

				<div class="row">
					<div class="col-lg-12">
						<div class="panel panel-default">
							<div class="panel-heading">
								<h3 class="panel-title">
									<i class="fa fa-bar-chart-o fa-fw"></i> 位置
								</h3>
							</div>
							<!--  -->
							<div class="j_10086_iotapp"
								data-view="94bd4e0e1ffc66b42577b26377b47831"
								style="height: 500px; width: 1000px;"></div>
							<script
								src="http://open.iot.10086.cn/static/files/develop/appembed.js?v=1.0"></script>
						</div>
					</div>
				</div>
				<!-- /.row -->

				<!-- /.row -->
				<div class="row">
					<div class="col-lg-6">
						<div class="panel panel-red">
							<div class="panel-heading">
								<h3 class="panel-title">
									<i class="fa fa-long-arrow-right"></i> 影集
								</h3>
							</div>
							<div class="panel-body">

								<div id="myCarousel" class=" carousel slide">
									<!-- 轮播（Carousel）指标 -->
									<ol class="carousel-indicators">
										<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
										<li data-target="#myCarousel" data-slide-to="1"></li>
										<li data-target="#myCarousel" data-slide-to="2"></li>
									</ol>
									<!-- 轮播（Carousel）项目 -->
									<div class="carousel-inner">
										<div class="item active">
											<img alt="" src="${basepath }images/1.jpg" width="350px"
												height="200px" style="margin-left: 40px;">
										</div>
										<div class="item">
											<img alt="" src="${basepath }images/2.jpg" width="350px"
												height="400px" style="margin-left: 40px;">
										</div>
										<div class="item">
											<img alt="" src="${basepath }images/1.jpg" width="350px"
												height="400px" style="margin-left: 40px;">
										</div>
									</div>
									<!-- 轮播（Carousel）导航 -->
									<a class="carousel-control left" href="#myCarousel"
										data-slide="prev">&lsaquo;</a> <a
										class="carousel-control right" href="#myCarousel"
										data-slide="next">&rsaquo;</a>
								</div>
								<div class="text-right">
									<a href="#"><i class="fa fa-arrow-circle-right"></i></a>
								</div>
							</div>
						</div>
					</div>

					<div class="col-lg-6">
						<div class="panel panel-primary">
							<div class="panel-heading">
								<h3 class="panel-title">
									<i class="fa fa-long-arrow-right"></i> 简介
								</h3>
							</div>
							<div class="panel-body">
								<div class="flot-chart">
									<div class="flot-chart-content">
										<div class="well">
											<p>Smart Link 智能教室是吉祥软件工作室基于对物联网的识别、感知、通讯传输、组网技术以及数据分析的递进架构体系
					设计开发的一整套智能教室解决方案。配套有物理设备，智慧网关管理系统，智能教室APP（Android）。集成了智能环境监测、安防监控、远程控制等诸多应用。
				具有部署简单，价格低廉，操作方便，可靠性高等优点。</p>
										</div>
									</div>
								</div>
								<div class="text-right">
									<a href="#"><i class="fa fa-arrow-circle-right"></i></a>
								</div>
							</div>
						</div>
					</div>
				</div>

			</div>
			<!-- /.container-fluid -->

		</div>
		<!-- /#page-wrapper -->

	</div>
	<!-- /#wrapper -->

	<!-- jQuery -->
	<script src="${basePath }js/jquery.js"></script>

	<!-- Bootstrap Core JavaScript -->
	<script src="${basePath }js/bootstrap.min.js"></script>


	<!-- Morris Charts JavaScript -->
	<script src="${basePath }js/plugins/morris/raphael.min.js"></script>
	<script src="${basePath }js/plugins/morris/morris.min.js"></script>
	<script src="${basePath }js/plugins/morris/morris-data.js"></script>


</body>
</html>